<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
	<div id="logar">
		<h:form>
		<h:outputLink rendered="#{empty email}" value="#{facesContext.externalContext.requestContextPath}/cadastrar.xhtml">
			Faça Login ou cadastre-se
		</h:outputLink>		
		<h:outputLink rendered="#{tipoInquilino}" value="#{facesContext.externalContext.requestContextPath}/inquilino/indexUsuario.xhtml">
			Minha Conta |
		</h:outputLink>
		<h:outputLink rendered="#{tipoLocador}" value="#{facesContext.externalContext.requestContextPath}/locador/indexLocador.xhtml">
			Minha Conta |
		</h:outputLink>
		<h:commandLink value="Logout" action="#{logarBean.logout}" rendered="#{not empty email}" />
		</h:form>
	</div>
	<div id="both" align="center"></div>

	<div id="menu2">
		<ul>
		<li><a href="#{facesContext.externalContext.requestContextPath}/index.xhtml">Home</a></li>
		<li><a href="#{facesContext.externalContext.requestContextPath}/quemSomos.xhtml">Quem somos</a></li>
		
		<li><a href="#"  onclick="dlg.show();">Serviços Básicos</a></li>
	<h:form>
  					<p:dialog header="Painel de serviços básicos"  widgetVar="dlg" modal="true"  width="400"  resizable="false">  
    							<p style="text-align: center">Que tipo de serviço você está procurando?</p>
    							<h:panelGrid columns="4" style="text-align:center;">
										    							
								 
								 <h:link outcome="/index">
								  <h:commandLink  action="#{servicoBean.mostrarServico}">
								  <h:graphicImage value="/img/servicos/alimentacao.png"  width="80px" height="80px"  /><br/>
								  <f:param name="servico" value="alimentacao"/><p>Alimentação</p>
								  </h:commandLink>
								  </h:link>
								  
								  <h:link outcome="/index">
								  <h:commandLink  action="#{servicoBean.mostrarServico}">
								 <h:graphicImage value="/img/servicos/lazer.png"  width="80px" height="80px"  />
								  <f:param name="servico" value="lazer"/><p>Lazer</p>
								</h:commandLink>
								  </h:link>
								  								  
								  <h:link outcome="/index">
								  <h:commandLink  action="#{servicoBean.mostrarServico}">
								 <h:graphicImage value="/img/servicos/saude.png"  width="80px" height="80px"  />
								 <f:param name="servico" value="saude"/><p>Saúde</p>
								 </h:commandLink>
								 </h:link>
								  
								  <h:link outcome="/index">
								  <h:commandLink  action="#{servicoBean.mostrarServico}">
								 <h:graphicImage value="/img/servicos/mercado.png"  width="80px" height="80px"  />
								 <f:param name="servico" value="mercado"/><p>Mercado</p>
								 </h:commandLink>
								 </h:link>
								  
								  <h:link outcome="/index">
								  <h:commandLink  action="#{servicoBean.mostrarServico}">
								 <h:graphicImage value="/img/servicos/lojas.png"  width="80px" height="80px"  />
								 <f:param name="servico" value="lojas"/><p>Lojas em geral</p>
								 </h:commandLink>
								 </h:link>
								 
								  <h:link outcome="/index">
								  <h:commandLink  action="#{servicoBean.mostrarServico}">
								 <h:graphicImage value="/img/servicos/transporte.png"  width="80px" height="80px"  />
								 <f:param name="servico" value="transporte"/><p>Transporte</p>
								 </h:commandLink>
								 </h:link>
								 
								 
								 <h:link outcome="/index">
								  <h:commandLink  action="#{servicoBean.mostrarServico}">
								  <h:graphicImage value="/img/servicos/necessidade.png"  width="80px" height="80px"  /><br/>
								  <f:param name="servico" value="necessidade"/><p>Necessidades domésticas</p>
								  </h:commandLink>
								  </h:link>
								 
								 
								  <h:link outcome="/index">
								   <h:commandLink  action="#{servicoBean.mostrarServico}">
								 <h:graphicImage value="/img/servicos/outros.png"  width="80px" height="80px"  />
								 <f:param name="servico" value="outros"/><p>Outros</p>
								 </h:commandLink>
								 
								 </h:link>
								  
								  
								    							
    							</h:panelGrid>  
							
								
								</p:dialog>
				</h:form>
	<li><a href="#{facesContext.externalContext.requestContextPath}/faleconosco.xhtml">Fale conosco</a></li>
	</ul>
	</div>
</html>
